<div id="" class="app-size-full app-padding-20" ng-controller="scientificController as vm">
    <div class="arp-border-radius-5 app-size-full">
        <div class="app-flex-row app-flex-between-x bg-gray border-bottom margin-t40">
            <div class="app-flex-row">
                <div class="app-sci padding-lr10 height-40 line-h40 position-r" ng-repeat="nav in vm.topNavs track by $index"
                     ng-class="{true:'active'}[vm.active === nav.id]" ng-click="vm.topNavClickEvent(nav.id)"
                     ng-mouseover="vm.topNavShow(nav.id)" ng-mouseleave="vm.topNavHide(nav.id)">
                    <span class="app-margin-left-5 app-nav-title">{{nav.name}}（{{nav.count}}）</span>
                    <div class="sci-topNav-hover bg-green padding-lr10 border-r5" ng-class="{true:'display-b',false:'display-n'}[vm.topNavActive === nav.id]">
                        <svg class="app-icon app-icon-20" ng-click="vm.editNavEvent(nav.id)">
                            <use class="white" xlink:href="{{'#icon-edit'}}"></use>
                        </svg>
                        <svg class="app-icon app-icon-20 margin-l10" ng-click="vm.closeNav(nav.id)">
                            <use class="white" xlink:href="{{'#icon-x'}}"></use>
                        </svg>
                        <i class="triangle-down"></i>
                    </div>
                </div>
                <div class="sci-add line-h40 padding-lr10" ng-click="vm.addNavEvent(nav.id)">
                    <svg class="app-icon app-icon-20">
                        <use class="green" xlink:href="{{'#icon-plus'}}"></use>
                    </svg>
                </div>
            </div>
        </div>
        <div class="app-flex-content padding-40 box-sizing-bor">
            <div class="sci-items margin-lr25 float-l border box-sizing-bor padding-20" ng-repeat="item in vm.items"
                 ng-mouseover="vm.itemShow(item.id)" ng-mouseleave="vm.itemHide(item.id)">
                <div class="item-preview">
                    <img class="width100 height100" src="{{item.img}}" alt="">
                </div>
                <div class="item-title text-c font-c4 line-h40 height-40">{{item.text}}</div>
                <div class="sci-item-overly"
                     ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]"></div>
                <div class="sci-item-hover font-c3"
                     ng-class="{true:'display-b',false:'display-n'}[vm.isShow == item.id]">
                    <div class="hover-handle box-sizing-bor">
                        <a href="{{item.url}}" target="_blank" class="font-c3">
                            <svg class="app-icon width-30 height-30">
                                <use class="green" xlink:href="{{'#icon-externallink'}}"></use>
                            </svg>
                            <span>查看</span>
                        </a>
                        <a class="cursor" ng-click="">
                            <svg class="app-icon width-25 height-25">
                                <use class="green" xlink:href="{{'#icon-edit'}}"></use>
                            </svg>
                            <span>编辑</span>
                        </a>
                        <a ng-click="vm.itemDel(item.id)">
                            <svg class="app-icon width-30 height-30 margin-0">
                                <use class="green" xlink:href="{{'#icon-x'}}"></use>
                            </svg>
                            </i><span>删除</span>
                        </a>
                    </div>
                    <div class="text-l padding-lr20 margin-t20 font-s14">{{item.text}}</div>
                    <div class="text-l padding-lr20 margin-t10 font-s12 font-c9">{{item.date}}</div>
                    <div class="text-l padding-lr20 margin-t10 font-s14 green">{{item.name}}</div>
                </div>
            </div>
            <div class="sci-add-item margin-lr25 float-l text-c box-sizing-bor padding-t20 bg-white padding-20 cursor"
                 ng-click="vm.itemAdd()">
                <div class="item-preview border-das padding-t40 box-sizing-bor">
                    <svg class="app-icon width-40 height-40 margin-t40">
                        <use class="font-c9" xlink:href="{{'#icon-plus'}}"></use>
                    </svg>
                    <div class="margin-t20 font-c9">新增科研成果</div>
                </div>
            </div>
        </div>
        <div class="paging">
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-left1'}}"></use>
            </svg>
            显示<span>1</span>到<span>20</span>,共<span class="red">35</span>记录
            <svg class="app-icon app-icon-20">
                <use xlink:href="{{'#icon-right1'}}"></use>
            </svg>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.overlay]"></div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newAchievement]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">名称</div>
                <div class="item-input"><input type="text" value="{{vm.AchievementItem.name}}" ng-readonly={{vm.isReadonly}}></div>
                <div class="item-name">教师</div>
                <div class="item-input"><input type="text" value="{{vm.AchievementItem.relTeacher}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">备注</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.AchievementItem.notes}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="form-title">附件信息</div>
            <div class="form-row">
                <div class="item-name">附件</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.AchievementItem.files}}" ng-readonly="{{vm.isReadonly}}"></div>
            </div>
            <div class="new-btn-submit cursor" ng-click="vm.saveAchievement()">保存</div>
            <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newNav]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">名称</div>
                <div class="item-input" style="width: 85%"><input type="password" value="{{vm.topNavItem.name}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">备注</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.topNavItem.notes}}"></div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]" ng-click="vm.saveTopNav()">保存</div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>